﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        thead {
            color: green;
        }

        tbody {
            color: blue;
        }

        tfoot {
            color: red;
        }
    </style>
</head>
<body>
    <h1>Separators</h1>
    <br />

    <table border="1" cellpadding="10">
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
    </table>
    <br />
    <table border="1" cellspacing="10">
        <tr>
            <th>Header 1</th>
            <td>Row 1</td>
        </tr>
        <tr>
            <th>Header 1</th>
            <td>Row 2</td>
        </tr>
    </table>

    <br />
    <table border="1">
        <caption>Table 3</caption>
        <tr>
            <th>Header 1</th>
            <td>Row 1</td>
        </tr>
        <tr>
            <th>Header 1</th>
            <td>Row 2</td>
        </tr>
    </table>
    <br />
    <table border="1">
        <colgroup>
            <col span="2" style="background-color: red" />
        </colgroup>
        <tr>
            <th>Header 1</th>
            <td>Row 1</td>
            <td>Same data1</td>
        </tr>
        <tr>
            <th>Header 1</th>
            <td>Row 2</td>
            <td>Same data2</td>
        </tr>

    </table>
    <br />
    <table border="1">
        <thead>
            <tr>
                <th>Month</th>
                <th>Savings</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td>Sum</td>
                <td>$180</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>January</td>
                <td>$100</td>
            </tr>
            <tr>
                <td>February</td>
                <td>$80</td>
            </tr>
        </tbody>
    </table>
    <footer>
        <br />
        <a href="Index.html"><small>Go to menu</small></a>
        <br />
    </footer>
</body>
</html>
